﻿<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="../js/jquery-3.1.0.min.js"></script>
    <script type="text/javascript" src="../js/jquery.fullPage.min.js"></script>
    <script type="text/javascript" src="../js/echarts.js"></script>
    <link rel="stylesheet" href="../css/Echart_index.css"/>
</head>
<body>
<div id="ido">
    <div class="section section1 active">
        <h1><span>e</span>charts3</h1>
    </div>
    <div class="section section2" id='zhexian'>
        <h2>每次用心改变 社区看得见</h2>
        <div id="main1"style="width: 120%;height: 600px;position: absolute;top: 100px;left: -9.5%"></div>
    </div>
    <div class="section section3 " id="zhuzhuang">
        <div id="main2" style="width: 400px;height:400px;position: absolute;top: 150px;left: 150px"></div>
        <h1>更小文件 更大作为</h1>
        <p>更小体积的文件，满足更轻便的使用需求 <br/>更灵活的打包方式，可自由选择你需要的图表和组件</p>

    </div>
    <div class="section section4">
        <h1>移动端强势来势</h1>
        <p>良好的自适应效果 <br/>专属的移动端交互体验</p>
        <img src="../img/device.png" alt=""/>
    </div>
    <div class="section section5">
        <h1>更丰富的可视化效果</h1>
        <p>新增更多图表类型，更好的满足不同数据的处理需求 更多的搭配方案让你的数据呈现方式更个性和完美</p>
        <div class="list" id="list">
            <img src="../img/1.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/2.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/3.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/4.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/5.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/6.png" alt=""/>
            <span></span>
            <span></span>
            <img src="../img/7.png" alt=""/>
        </div>
    </div>
    <div class="section section6">
        <p>Echarts 3.0的这一切仅仅是一个新的开始<br/>在探索和完善的道路上我们从未停止脚步</p>
        <a href="" class="get">Get started</a>
        <div class="bottom">
            <div class="efe"><h3>百度efe更多产品</h3></div>
            <div class="echart">
                <h3>ECharts团队出品</h3>
                <ul><li><a href="">Baidu图说</a></li><li><a href="">ZRender</a></li><li><a href="">QTEK</a></li></ul>
            </div>
            <div class="call">
                <h3>联系我们</h3>
                <ul><li><a href="">GitHub(问题反馈渠道)</a></li><li><a href="">Weibo</a></li></ul>
            </div>
            <div class="more">
                <h3>更多</h3>
                <ul><li><a href="">License(BSD)</a></li></ul>
            </div>
            <hr/>
        </div>
    </div>
</div>
<div class="head">
    <img src="../img/logo.png" alt=""/>
    <ul id="ul0">
        <li>首页</li>
        <li>文档</li>
        <li>实例</li>
        <li>下载</li>
        <li>GitHub</li>
        <li>2.0</li>
    </ul>
</div>
<ul id="ul1">
    <li>教程</li>
    <li>API</li>
    <li>配置项手册</li>
    <li>Changelog</li>
</ul>
<ul id="menu">
    <li data-menuanchor="page1" class="active"><a href="#page1"></a></li>
    <li data-menuanchor="page2" id="test"><a href="#page2"></a></li>
    <li data-menuanchor="page3"><a href="#page3"></a></li>
    <li data-menuanchor="page4"><a href="#page4"></a></li>
    <li data-menuanchor="page5"><a href="#page5"></a></li>
    <li data-menuanchor="page6"><a href="#page6"></a></li>
</ul>
<ul id="ul2">
    <li>下载</li>
    <li>在线构建</li>
    <li>地图</li>
    <li>主题下载</li>
    <li>主题构建</li>
    <li>表格工具</li>
</ul>
</body>
<script type="text/javascript" src="../js/Echart_index.js"></script>
</html>